<header class="main-header">
    <a href="../../index2.html" class="logo" style="background-color: #222d32;color: #fff;border-right: none;border-bottom: 1px solid grey;">
        <span class="logo-mini">wolf</span>
        <span class="logo-lg"><b>狼途汽车门店管理平台</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" >
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>

        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown messages-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <#if (NOTICE_IN_SESSION?size > 0) >
                        <span class="label label-danger">
                            ${NOTICE_IN_SESSION?size}
                        </span>
                        </#if>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">你有${NOTICE_IN_SESSION?size}条未读公告</li>
                        <li>
                            <ul class="menu">
                                <#list NOTICE_IN_SESSION as n>
                                    <li>
                                        <a href="/notice/show?id=${n.id}">
                                            <div class="pull-left">
                                                <img src="/js/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                                            </div>
                                            <h4>
                                                ${n.createUser.name}
                                                <small><i class="fa fa-clock-o"></i> ${n.timeStr}分钟前</small>
                                            </h4>
                                            <p>${n.title}</p>
                                        </a>
                                    </li>
                                </#list>
                            </ul>
                        </li>
                        <li class="footer"><a href="/notice/list">查看更多公告</a></li>
                    </ul>
                </li>
                <#--<script>
                    $(function () {
                        $.get("/notice/queryNoAlready",function (data) {
                            if(data != null && data.length > 0){
                                $("#noAlreadyNum").before('<li class="header" >你有'+ data.length +'条未读公告</li>');
                                $("#number").html(data.length);
                                $(data).each(function (index, ele) {
                                    var str = '<li><a href="/notice/show?id='+ ele.id +'">';
                                    str += '<div class="pull-left">';
                                    str += '<img src="/js/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">';
                                    str += '</div>';
                                    str += '<h4>' + ele.createUser.name;
                                    str += '<small><i class="fa fa-clock-o"></i>'+ ele.timeStr +'前</small>';
                                    str += '</h4>';
                                    str += '<p>'+ ele.title +'</p>';
                                    str += '</a></li>';
                                    $("#noAlready").append(str);
                                });
                            }else {
                                $("#noAlreadyNum").before('<li class="header" >你有0条未读公告</li>');
                            }
                        });
                    });
                </script>-->
                <li class="dropdown tasks-menu">
                    <a href="#" >
                        <i class="fa fa-flag-o"></i>
                    </a>
                </li>
                <li class="dropdown notifications-menu">
                    <a href="#" >
                        <i class="fa fa-bell-o"></i>
                    </a>
                </li>
                <li>
                    <a href="#"  class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
                    <ul class="dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close" style="min-width: 100px;">
                        <li>
                            <a href="#">
                                <i class="fa fa-cog" ></i>
                                个人设置
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <i class=" fa fa-user"></i>
                                修改密码
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/logout">
                                <i class="fa fa-power-off"></i>
                                注销
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>